<template>
  <div class="newbornText">
    <van-nav-bar title="新碟" left-arrow @click-left="$router.go(-1)" />
    <div class="bornbox">
      <van-image width="100" height="100" :src="bronList.picUrl" />
      <div class="name">
        <van-tag type="danger">标签</van-tag>
        <div class="sou">
          <p>歌手:{{ bronList.artist.name }}</p>
          <p>11</p>
        </div>
      </div>
      <div class="tit">
        <p class="title">{{ bronList.name }}</p>
      </div>
    </div>
  </div>
</template>

<script>
import { getTextBron } from '../newborn'
export default {
  data () {
    return {
      bronList: []
    }
  },
  async created () {
    let res = await getTextBron({ id: this.$route.query.id })
    console.log(res)
    this.bronList = res.data.album
  }
}
</script>

<style>
.bornbox {
  display: flex;
}
.bornbox p {
  margin-bottom: 0;
}
.van-image {
  margin: 30px;
}
.van-tag {
  height: 30px;
  margin-top: 30px;
  margin-right: 10px;
}
.user {
  font-size: 14px;
  margin-top: 10px;
}
.title {
  font-size: 18px;
  margin-top: 28px;
}
.tit {
  height: 40px;
}
.name {
  height: 30px;
}
.sou p {
  margin-top: 5px;
  font-size: 16px;
}
</style>
